<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8"/>
    <title>插值语法</title>
    <script type="text/javascript" src="../js/vue.js"></script>
</head>

<body>
<div id="root">
    <span>{{msg}}</span><br>
    <span v-once>{{msg}}</span><br>
    <span>number+1的值:{{number+1}}</span><br>
    <span>三目运算结果:{{ ok ? 'YES' : 'NO' }}</span><br>
    <span>反序输出:{{ message.split('').reverse().join('') }}</span>
</div>
</body>
<script type="text/javascript">
    new Vue({
        el: '#root',
        data: {
           msg: '插值语法学习',
            number:0,
            ok: false,
            message:'1234567890'
        }
    })
</script>
</html>
